{% comment %}
{% extends "html/base.html" %}

{% block style %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/independenceStore.css" />
{% endblock style%}

{% block script %}
    {{ block.super }}
    <script type="text/javascript" src="{{STATIC_URL}}js/independenceStore.js" /></script>
{% endblock script%}
{% block content %}
{% endcomment %}
<script type="text/javascript" src="{{STATIC_URL}}js/independenceStore.js" /></script>
<div id="store">
    Welcome to the store at Independence. The journey to Oregon can take quite some time, so stock up on supplies before you leave.
    <br/>
    <br/>
    <b>Money: {{ money }}</b><br/>
    <br/>
    <br/>
    <div id="container">
    <div id="qtyToBuy" class="column">
    <b>Quantity to buy:</b><br/>
    <form name="items" method="post" action="">
    <input type="text" size=3 name="buyOxen" /><br/>
    <input type="text" size=3 name="buyWheels" /><br/>
    <input type="text" size=3 name="buySpokes" /><br/>
    <input type="text" size=3 name="buyFood" /><br/>
    <input type="text" size=3 name="buyClothes" /><br/>
    <input type="text" size=3 name="buyAmmo" /><br/>
    <button id="continue" type="submit">Buy</button>{% csrf_token %}
    </div>
    
    
    <div id="items" class="column">
    <b>Items available to buy:</b><br/>
    Oxen - $80.00<br/>
    Spare Wheel - $20.00<br/>
    Spare Spoke - $20.00<br/>
    Food - $0.20/lb<br/>
    Clothes - $10.00/set<br/>
    Ammo - $10.00/box<br/>
    </div>
    
    
    <div id="qty" class="column">
    <b>Quantity You Have</b><br/>
    {{ numOxen }}<br/>
    {{ numWheels }}<br/>
    {{ numSpokes }}<br/>
    {{ numFood }}<br/>
    {{ numClothes }}<br/>
    {{ numAmmo }}<br/>
    </div>
    
    <div id="footer"><button id="continue" type="submit">Leave for Oregon</button></div>
    
    </div>
    
    {% comment %}
 {% endblock content %}
    {% endcomment %}
    
    
  
    
    